.container {
  padding: 20rpx;
  width: 100vw;
  height: 100vh;
  background: linear-gradient(0deg, rgba(161, 140, 200, 0.2) 0%,
      rgba(251, 194, 235, 0.2)100%);
}

.header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  .update-btn{
    width: 100rpx;
    height: 100rpx;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 32rpx;
    color: #e065e0;
    background: rgba(255, 255, 255, 0.52);
  }
}

.score-term{
  width: 165rpx;
  background: rgba(255, 255, 255, 0.52);
  height: 100rpx;
  border-radius: 20rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  color: black;
}
.score-types {
  padding: 8rpx 10rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 325rpx;
  height: 100rpx;
  border-radius: 20rpx;
  background: rgba(255, 255, 255, 0.52);
  box-shadow: 0px 0px 10px -20px rgba(0, 0, 0, 0.85);
  color: black;
  .score-type {
    width: 135rpx;
    height: 70rpx;
    border-radius: 20rpx;
    background: rgba(230, 230, 230, 0.8);
    box-shadow: 0px 0px 10px -20px rgba(0, 0, 0, 0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    color: black;
  }
}

.score-list {
  width: 100%;
  border-radius: 20rpx;
  background-color: #fafafa;
  color: black;
  box-shadow: 0px 0px 10rpx -20rpx rgba(0, 0, 0, 0.05);
  padding: 30rpx;
  margin-top: 26rpx;
  .term-name{
    font-size: 32rpx;
    color: #555555;
    text-align: center;

  }
  .list{
    margin-top: 30rpx;
    .score-item{
      display: flex;
      align-items: center;
      justify-content: space-between;
      min-height: 70rpx;
      margin-top: 12rpx;
      &:not(:last-child){
        border-bottom: 1rpx solid rgba(232, 224, 235, 0.5);
      }
      .course-score{
        font-size: 32rpx;
        color: #e065e0;
        &.fail{
          color: #9c9c9c;
        }
      }
    }

  }
}

.score-type.active {
  background: #e065e0;
  color: white;
}
.raw-score_content{
  font-weight: 400;
  font-size: 24rpx;
  color: #999999;
}